<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是h1</h1>
    <div>
    </div>
    <script>
        var div = document.querySelector("div");
        var h1 = document.querySelector("h1");
        // div.innerHTML = "<p>内容</p>";

        // 创建一个标签对象 参数是标签名称
        var p = document.createElement("p");
        console.log(p);
        // 标签对象1.appendChild(标签对象2);
        // 在标签对象1内追加一个字标签标签对象2
        div.appendChild(p);
        // div.appendChild(h1);
        // 标签对象1.insertBefore(标签对象2,标签对象1的一个字标签对象3);
        // 将h1标签插入在div标签内的p标签之前
        div.insertBefore(h1,p)

        var a = document.createElement("a");

        div.insertBefore(a,p)
        p.innerHTML = "aaa";

        // 删除div的字标签a
        div.removeChild(a)
    </script>
</body>
</html>